<!DOCTYPE html>
<html lang="en">
<head>
<base href=""/>
  <meta charset="UTF-8">
  <title>桩信息档案</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type='text/javascript' src='../static/js/equipmentInfo.js'></script>
  <script type='text/javascript' src='../static/table/equipmentInfoTable.js'></script>
</head>
<body>
<div class="ablosulteDiv">
	<div class="recordTDiv">
	  <div class="top">
	  	<h4 class="partTitle">
	  		当前位置: 充电桩 <span class="comSpanTitle">></span>信息档案
	  	</h4>
	  </div>
	  <div class="blueBorder"></div>
	  <div class="scrollBody">
		  <div class="partWhite paddingBottomTen" id="scrollHeight">
			  <form class="form-horizontal" id="equipmentSearch">
			  	  <input id="rows" name="rows" hidden="hidden" value="10">
			  	  <input id="page" name="page" hidden="hidden" value="1">
			      <div class="form-group">
			      	<div class="col-md-3 col3ConditionAll">
				        <label for="ChargingStationID" class="col-sm-4 control-label partConditionTitle">所属充电站</label>
				        <div class="col-sm-8 partCondition">
				          <select id="ChargingStationID" name="ChargingStationID" class="form-control">
				          <option value="" selected="selected">请选择</option>
				          </select>
				        </div>
			        </div>
			        <div class="col-md-3 col3ConditionAll">
				        <label for="EquipmentPowerType" class="col-sm-4 control-label partConditionTitle">充电桩类型</label>
				        <div class="col-sm-8 partCondition">
				          <select name="EquipmentPowerType" id="EquipmentPowerType" class="form-control">
				          	<option value='' selected="selected">请选择</option>
				          </select>
				        </div>
			        </div>
			        <div class="col-md-3 col3ConditionAll">
				        <label for="electricType" class="col-sm-4 control-label partConditionTitle">交流/直流</label>
				        <div class="col-sm-8 partCondition">
				          <select name="currentType" id="electricType" class="form-control">
				          	<option value='' selected="selected">请选择</option>
				              <option value='交流'>交流</option>
				              <option value='直流'>直流</option>
				          </select>
				        </div>
			        </div>
			      	<div class="col-md-3 col3ConditionAll">  
				        <label for="monitoring" class="col-sm-4 control-label partConditionTitle">是否监控</label>
				        <div class="col-sm-8 partCondition">
				          <select name="Active" id="monitoring" class="form-control">
				          	<option value='' selected="selected">请选择</option>
				              <option value='1'>是</option>
				              <option value='0'>否</option>
				          </select>
				        </div>
			        </div>
			        <div class="col-md-3 col3ConditionAll">
				        <label for="protocolType" class="col-sm-4 control-label partConditionTitle">协议类型</label>
				        <div class="col-sm-8 partCondition">
				          <select name="protocolType" id="protocolType" class="form-control">
				          	<option value='' selected="selected">请选择</option>
				          </select>
				        </div>
			        </div>
			        <div class="col-md-3 col3ConditionAll">
				        <label for="manufacturer" class="col-sm-4 control-label partConditionTitle">生产厂家</label>
				        <div class="col-sm-8 partCondition">
				          <input maxlength="20" id="manufacturer" name="Manufacturer" class="form-control">
				        </div>
			        </div>
			      </div>
			      <div class="form-group">
			      	<div class="col-md-3 partCondition paddingBottomTen">
	       				  <button type="button" onclick="search()" class="btn btnDefault marginLeft2ten">
			     			<img src="../static/images/search2.png" height="20" width="20"/>
			       	 		查询
	       				 </button>
			            <button type="reset" onclick="resetSearch()" class="btn btnReset marginLeft2ten">
			     			<img src="../static/images/resultPng.png" height="20" width="20"/>
			       	 		重置
	       				 </button>
	   				</div>
			      </div>
			    </form>
		  	</div>
		  <div class="partWhite">
		  	<div class="comHtmlTitle"><span class="borBlue"></span>充电桩信息档案—列表
			  <div class="floatRight">
				  <button type="button" onclick="save()" class="btn btnSaveDel">
		     			<img src="../static/images/saveBtn.png" height="20" width="20"/>
		       	 		添加
	     			</button>
	     			<button type="button" onclick="del()" class="btn btnSaveDel">
		     			<img src="../static/images/deleteBtn.png" height="20" width="20"/>
		       	 		批量删除
	     			</button>
	 		   </div>
		    <div class="partTable">
		      <table class="table table-hover" id="equipmentInfoTable">
		          <thead id="equipmentInfoThead">
		          </thead>
		          <tbody id="equipmentInfoTbody">
		          </tbody>
		      </table>
		      <table class="table scrollTable" id="equipmentInfoTable1" hidden="hidden">
       		  </table>
		    </div>
		    <div class="partBtn">
			  <div class="partTurnPage">
		          <ul class="list-inline">
		              <li id="total"></li>
		              <li class="turnPage"></li>
		          </ul>
		      </div>
		 	</div>
		  </div>
	  </div>
 	 </div>
 	</div>
 	<div class="recordFDiv">
	 	<div class="recordFDivTwo">
	 		<div class="recordTitleDiv">信息档案-统计</div>
	 		<div class="paddingTen">
	 			<div id="stationEcharts"></div>
	 			<div class="col-sm-12">
	 				<div class="col-sm-12 partTurnPage" id="svg">
                	</div>
                	<div class="col-sm-12">
                		<div class="col-sm-10 col-sm-offset-2 marginBottom2Ten">
                			<span style="background: #5EE19F;padding-right:15px;margin-right:5px;"></span> 监控(个):
                			<span id="monitorings"></span>
                		</div>
                		<div class="col-sm-10 col-sm-offset-2  marginBottom2Ten">
                			<span style="background: #58BCE0;padding-right:15px;margin-right:5px;"></span> 未监控(个):
                			<span id="noMonitoring"></span>
                		</div>
                	</div>
	 			</div>
	 		</div>
	 	</div>
	 </div>
 </div>
</body>
</html>
